@charset "utf-8";
@import url("reset.css");
/* toppage setting */
#soHead {width:100%;height:36px;background:#000;}

/*-------------- header --------------*/
#soHead #content{
	width:900px;
	padding-right:15px;
	text-align:right;
	background:transparent;
	clear: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
}
#soHead .path{font-size:12px;;padding-top:7px;color:#191919;float:right;}
#soHead .sale{ float:right;margin-left:7px;}
#soHead a { color: #313131; text-decoration: underline; }
#soHead a:hover { text-decoration: none; color : #FF6600; }


* html #header { height:1%;} 

#header a img {
	border:0;
	vertical-align:bottom;
}
#header h1{
	display:block;
	position:absolute;
	text-align:left;
	padding:0;
	margin:0;
	/*height:70px;*/
	top:0;
	left:0;
	bottom:0;
}
#header #promo {
	float: right;
	width: 468px;
	height: 60px;
	margin-top:6px;
	margin-bottom:5px;
	margin-right:20px;
}
.dotted{ width:100%;height:2px;clear:both;
	background:url(../images/dotted1.gif) bottom repeat-x;}

/* */

#policy {margin:10px 15px 10px 15px; font-size:13px;text-align:center;letter-spacing:1.1pt;font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;}
#footer #copyright img{ border-top:solid 3px #cac9c9;
	}
	
#policy,#policy a:link{
	text-decoration: none;
	background-color: transparent;
	color: #1f1f1f;	
}
#policy a:visited{
	background-color: transparent;
	color: #1f1f1f;
	text-decoration: none;
}
#policy a:hover,#policy a:active{
	background-color: transparent;
	color: #FF6600;
	text-decoration: none;
}

/*************************************************************************/
/* Reset Styles
----------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	/*font-size: 100%;*/
	/*font: inherit;*/
	/*font-style: normal;*/
	/*vertical-align: baseline;*/
	border: 0;
	outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside,details,figcaption, figure, figure img, hgroup, footer, header,menu, nav, section {
	display: block;
}
/*body {
  line-height: 1;
}*/
ol, ul {
	list-style:none;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
input, select { vertical-align: middle; }
a img { border: 0; }
:focus { outline: 0; }
a:hover, a:active { outline: none; }

/* Basic Styles
----------------------------------------------- */
*{
	font-family: arial, helvetica,"微軟正黑體", sans-serif;	
	/*color: #252525;
	font-size: 1em;*/
	letter-spacing: 0.2px;
	/*-webkit-box-sizing: border-box;
			box-sizing: border-box;*/
}

body{
	font-family: Arial, Helvetica,"微軟正黑體", sans-serif;
	width: 100%;
	/*background-image: url(../images/bg_sonyhead.gif);*/
	background-repeat: repeat-x;
	background-position: center 0;
}
a{ color: #314da5; text-decoration: none;}
a:visited{ color: #660099;}
a:hover{ color: #414da5;}
a:active{ color: #dd4b39;}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	margin-bottom: 5px;
}
h1{ font-size: 1.6em;}
h2{ font-size: 1.38em;}
h3{ font-size: 1.25em;}
h4{ font-size: 1.13em;}
h5{ font-size: 1em;}
h6{ font-size: 0.88em;color: #252525;}

abbr, acronym {
	border:0;
}


/*----------------------------------------------------
	header
----------------------------------------------------*/

article { 
	padding: 10px 15px;
	line-height:1.2; }

article p{
	text-align: justify;
	margin-bottom: 10px;
}
/**
header{
	width: 900px;
	margin: 0 auto;}
/**/
#sonyhead{
	width: 900px;
	margin: 0 auto;
	height: 36px;
	background: url(../images/logo_sonyheader.jpg) no-repeat right 0;}

#sonetlogo{
	margin-left: 0; 
	padding-left: 0;
	float: left;
	/*vertical-align: -25px;*/}

#sonetlogo a{
	display: block;
	width: 163px;
	height: 71px;
	background-image: url(../images/logo_sonet.gif);
	/*-moz-background-size:auto 71px;
	-webkit-background-size:auto 71px;
	-o-background-size:auto 71px;
	background-size:auto 71px;*/
	background-size: cover;
	background-position: left top;
}


header h1{
	float: left;
	font-size: 1.6em;
	/*padding-top: 26px;*/
	padding-top: 20px;
	margin-left: 25px;
	letter-spacing: 4px;font-weight:bold;}
header h1 a {padding:10px;color:#313030;}
header h1 a:visited{color:#313030;}
h4#btn_menu{ display: none;}

#rwd_nav { display: none;}

#normal_nav{ /*pc*/
	display: block;}
#normal_nav nav{
	clear: both;}

#normal_nav nav ul { width: 100%;}

#normal_nav nav > ul li{
	position:relative;
	width:20%;
	text-align: center;
	float: left;
	border: 1px solid #ccc;
	border-left: none;
	background: #ffffff;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ececec));
	background: -webkit-linear-gradient(top, #ffffff, #ececec);
	background: -moz-linear-gradient(top, #ffffff, #ececec);
	background: -o-linear-gradient(top, #ffffff, #ececec);
	background: linear-gradient(top, #ffffff, #ececec);
}

#normal_nav nav ul li a{
	display: block;
	width: 100%;
	height: 48px;
	color:#000;font-weight:500;
	text-align: center;font-size:1.2em;
	line-height: 52px;
	text-decoration: none;
	}
#normal_nav nav ul li:first-child{border-left:1px solid #ccc;}	
#normal_nav nav ul li a:hover{
	background: #ececec;}
#off{
	display: none;
}
ul#globalnav{
	float: right;
	margin-right:5px;margin-top:40px;}

ul#globalnav li{
	float: left;
	font-size: 1em;
	height: 24px;
	line-height: 24px;
	color: #666;position:relative;}

ul#globalnav li a{
	display: block;
	padding: 0 10px;
	color: #666;
    font-size: 0.88em;
	text-decoration: none;
	text-align: center;}

ul#globalnav li a:hover{
	color: #414da5;}

/* 特定在第一層 > 第二層之後下拉部分之樣式 */
ul#pcnav li ul{
    display: none;
    float: left;
    position: absolute;
    margin: 0;
	z-index:4;font-size:0.9em;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul#pcnav li:hover > ul{
    display: block;
}
/* 特定在第二層或之後下拉部分 li 之樣式 */
ul#pcnav li ul li {
    border: 1px solid #fff;float:none;width:100%;
}

/* 特定在第二層或之後下拉部分 li （第一項不要左線）之樣式 */
ul#pcnav li ul li{border-bottom:none;}
ul#pcnav li ul li:first-child {
    border-left: none;}
	
/* 第二層或之後 選單 li 之樣式 */
ul#pcnav li ul a {
    width: auto;color:#555;         
    background: #f6f5f5;
}
ul#pcnav li ul a:hover {        
    background: #e3e2e2; color:#000;    
}

/********************************************/
footer{
	width: 100%;
	border-top: 1px solid #dfdfdf;}

footer .footercell{
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 20px;padding-bottom:10px;}
ul#corp{
	width: 70%;
	float: left;
}

ul#corp li{
	float: left;border-right:1px solid #000;font-size:0.9em;line-height:0.9em;
}
ul#corp li:last-child{border-right:none;}
ul#corp li a{
	color: #000;
	padding:0 8px;

	}

ul#corp li a:hover{
	color: #414da5;}

.stamp {
	width: 5%;
	float: right;
	text-align: right;
	padding: 8px 0;
	margin-right:10px;
}
.stamp img{
	float: right;
	width: 45px;
	height: auto;
	/*margin-left: 5px;*/
}

.stamp2 {
	width: 5%; 
	float: right; 
	text-align: right;
	padding: 8px;
	/*margin-right:10px;*/
}
.stamp2 img{
	float: right;
	width: 100px;
	height: auto;
	/*margin-left: 5px;*/
}


#sign{
	width: auto;margin:5px 10px;
	clear: both;
}

#copyright{
	float: right;font-size:small;font-family:Arial, Helvetica, sans-serif;
}

#asony{
	float: left;
	font-family:Arial, Helvetica, sans-serif;}